﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width">
    <title>填资料 | 大众进口汽车甲壳虫</title>
    <script type="text/javascript">
        addEventListener("load",function(){setTimeout(hideURLbar,0);},false);
        function hideURLbar(){
            window.scrollTo(0,1);
        }
    </script>
    <style type="text/css">
        * {font-family:Lucida Sans Unicode,helvetica,sans-serif;font-size:12px;margin:0;padding:0;}
        body {background-color:#efefef;}
        #container {width:640px;height:834px;margin:0 auto;position:relative;}
        #bg_image,#buttons {width:640px;height:834px;position:absolute;}
        .button_info {width:215px;height:60px;display:block;position:absolute;}
        #button_preview {left:89px;top:738px;}
        #button_submit {left:319px;top:738px;}
        .info_input {color:#045783;font-size:28px;position:absolute;background:transparent;border:0;padding:3px;}
        .info_radio {font-size:28px;position:absolute;}
        #input_name {width:330px;height:34px;left:200px;top:224px;}
        #input_male {width:100px;height:34px;left:220px;top:285px;}
        #input_female {width:100px;height:34px;left:360px;top:285px;}
        #input_number {width:330px;height:34px;left:200px;top:338px;}
        #input_email {width:330px;height:34px;left:200px;top:398px;}
        #input_budgetfrom {width:115px;height:32px;left:100px;top:535px;}
        #input_budgetto {width:115px;height:32px;left:345px;top:535px;}
        #input_year {width:158px;height:38px;left:100px;top:645px;}
        #input_month {width:158px;height:38px;left:335px;top:645px;}
    </style>
</head>
<body>
    <div id="container">
        <div id="bg_image">
            <img src="images/header.jpg" width="640" height="84" alt="大众进口汽车甲壳虫" />
            <img src="images/04_02.jpg" width="640" height="94" alt="精彩搭配,谁的杰作?" />
            <img src="images/04_03.jpg" width="640" height="152" alt="输入姓名/性别" />
            <img src="images/04_04.jpg" width="640" height="132" alt="输入手机/邮箱" />
            <img src="images/04_05.jpg" width="640" height="123" alt="购车预算" />
            <img src="images/04_06.jpg" width="640" height="124" alt="购车时间" />
            <img src="images/04_07.jpg" width="640" height="125" alt="确认" />
        </div>
        <div id="buttons">
            <form id="main_form">
                <input id="input_name" class="info_input" type="text" name="name" />
                <input id="input_male" class="info_radio" type="radio" name="gender" value="male" checked="checked" />
                <input id="input_female" class="info_radio" type="radio" name="gender" value="female" />
                <input id="input_number" class="info_input" type="text" name="number" />
                <input id="input_email" class="info_input" type="text" name="email" />
                <input id="input_budgetfrom" class="info_input" type="text" name="budget_from" />
                <input id="input_budgetto" class="info_input" type="text" name="budget_to" />
                <select id="input_year" class="info_input" name="date_year">
                    <option>2012</option>
                    <option>2013</option>
                    <option>2014</option>
                </select>
                <select id="input_month" class="info_input" name="date_month">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option selected>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                </select>
            </form>
            <a id="button_preview" class="button_info" href="step5.html" title="预览"></a>
            <a id="button_submit" class="button_info" href="step6.html" title="确认"></a>
        </div>
    </div>
</body>
</html>